<template>
	<view>
		<view style="height: 137rpx;"></view>
		<view
			style="position: fixed;z-index: 9999; bottom: 0rpx;left: 0rpx;right: 0rpx;width: 750rpx;height: 137rpx;background-color: #ffffff;display: flex;">
			<view @click="asdsa('/pages/home/homeIndex')"
				style="width: 187.5rpx;height: 137rpx;display: flex;justify-content: center;align-items: center;     flex-direction: column;">
				<image :src="current==0?'/static/tab/index1.png':'/static/tab/index.png '" class="tabbarNone"></image>
				<text :class="[current==0?'qq':'bb']">首页</text>
			</view>
			<view @click="asdsa('/pages/contradict/contradict')"
				style="width: 187.5rpx;height: 137rpx;display: flex;justify-content: center;align-items: center;     flex-direction: column;">
				<image :src="current==1?'/static/tab/teacher1.png':' /static/tab/teacher.png'" class="tabbarNone">
				</image>
				<text :class="[current==1?'qq':'bb']">找老师</text>
			</view>
			<view @click="fabu"
				style="position: relative;top: -18rpx; width: 187.5rpx;height: 137rpx;display: flex;justify-content: center;align-items: center;     flex-direction: column;">
				<image style="width: 81rpx; height: 81rpx;" :src="current==2?'/static/tab/fabu1.png':' /static/tab/fabu.png'" class="tabbarNone"></image>
				<text style="font-size: 24rpx;;color: #333333;">发布</text>
			</view>
			<view @click="asdsa('/pages/invent/invent')"
				style="width: 187.5rpx;height: 137rpx;display: flex;justify-content: center;align-items: center;     flex-direction: column;">
				<image :src="current==3?'/static/tab/class1.png ':'/static/tab/class.png'" class="tabbarNone"></image>
				<text :class="[current==3?'qq':'bb']">课程</text>
			</view>
			<view @click="asdsa('/pages/my/myIndex')"
				style="width: 187.5rpx;height: 137rpx;display: flex;justify-content: center;align-items: center;     flex-direction: column;">
				<image :src="current==4?'/static/tab/wd1.png':' /static/tab/wd.png'" class="tabbarNone"></image>
				<text :class="[current==4?'qq':'bb']">我的</text>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		props: {
			current: {
				type: [String, Number],
				default: 1
			}
		},
		data() {
			return {}
		},
		onLoad() {},
		methods: {
			asdsa(event) {
				uni.reLaunch({
					url: event
				})
			},
			fabu() {
				uni.navigateTo({
					url: '/pages/science/science'
				})
			}
		}
	}
</script>
<style lang="scss">
	.tabbarYes {
		width: 144rpx;
		height: 64rpx;
	}

	.qq {
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FF6054;
	}

	.bb {
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.tabbarNone {
		width: 48rpx;
		height: 48rpx;
		margin-bottom: 18rpx;
	}

	// .tabbarYes {
	// 	width: 144rpx;
	// 	height: 64rpx;
	// }

	// /deep/.u-tabbar__content__circle__button {
	// 	width: inherit !important;
	// 	height: inherit !important;
	// }

	// /deep/.u-tabbar__content__circle__border {
	// 	background-color: transparent !important;
	// 	top: inherit !important;
	// }

	// .qq {
	// 	font-size: 20rpx;
	// 	font-family: PingFang SC;
	// 	font-weight: bold;
	// 	color: #50bfcf;
	// }

	// .bb {
	// 	font-size: 20rpx;
	// 	font-family: PingFang SC;
	// 	font-weight: 400;
	// 	color: #9B9B9B;
	// }

	// .tabbarNone {
	// 	width: 48rpx;
	// 	height: 48rpx;
	// }
</style>